<p>
	<button id="snippet-read-only-toggle">Switch to read-only mode</button>
</p>

<div class="ck ck-content" id="snippet-read-only">
	<h2>The sales data for Q3 for the <strong>Click&rsquo;n&rsquo;go</strong> product line</h2>

<table border="1" cellpadding="1" cellspacing="1" style="width:500px">
	<thead>
		<tr>
			<th scope="row">&nbsp;</th>
			<th scope="col">Income</th>
			<th scope="col">Revenue</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">Walker 3</th>
			<td style="text-align:center">$104,000</td>
			<td style="text-align:center">15%</td>
		</tr>
		<tr>
			<th scope="row">Stroller</th>
			<td style="text-align:center">$12,000</td>
			<td style="text-align:center">10%</td>
		</tr>
		<tr>
			<th scope="row">Runner</th>
			<td style="text-align:center">$97,500</td>
			<td style="text-align:center">15%</td>
		</tr>
	</tbody>
</table>
</div>
